<%--
Created by IntelliJ IDEA.
User: SongTiantian
Date: 2020/11/18
Time: 17:33
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员管理</title>
    <style>
        *{
            margin:0;
            padding:0;
            list-style: none;
            text-decoration: none;
        }
        #head{
            width:100%;
            height:100px;
            background-color: #e5e5e5;
        }
        #head li{
            margin-top: 40px;
            float:left;
            height:39px;
            line-height: 39px;
            padding:0 20px;
            text-align:center;
            cursor:pointer;
            list-style: none;
            font-size: 30px;
        }
        #head img{
            float:left;
            height:100px;
        }
        #main{
            /* background-color: red; */
            width:100%;
            height:1200px;
        }
        .current{
            background-color: #c81623;
            color:#fff;
        }
        .item{
            display:none;
        }
        #lunbotu{
            margin:0 auto;
            overflow: hidden;
            position: relative;
            width:1700px;
            height:450px;
            background-color: white;
        }
        #lunbotu ul{
            margin:0;
            padding:0;
            position: absolute;
            width:100000px;
        }
        #lunbotu ul li{
            float:left;
        }
        #lunbotu ul li img{
            width:1700px;
            height: 440px;
        }
        ol{
            position: absolute;
            top:380px;
            left:75%;
            z-index:999;
        }
        ol li{
            margin:10px;
            float:left;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: purple;
        }
        .current{
            background-color: red;
        }
        .current{
            background-color: #155837;
            border-radius: 10px;
            transform: scale(1.2);
            color:#fff;
       }
       .currentt{
           color:#155837;
           font-size: 30px;
           font-weight: 900;
           border-bottom:2px solid #96b97d;
       }
        /*.currentt{*/
        /*    !* font-size: 300px; *!*/
        /*    color: red;*/
        /*}*/
        #left,
        #right{
            display: none;
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: purple;
            top:40%;
            z-index:999;
        }
        #left{
            left:0;
        }
        #right{
            right:0;
        }
        #dianying{
            overflow: hidden;
            width:1300px;
            height:900px;
            margin:0 auto;
            /* background-color: green; */
        }
        #dianying ul li{
            float:left;
            padding:20px;
            font-size: 25px;
            cursor: pointer;
        }
        #dianying .itemone,.itemtwo{
            margin:0 auto;
            margin-top: 50px;
            width:1300px;
            height:800px;
            /* background-color: pink; */

        }
        #jieshao{
            width:200px;
            height:300px;
            background-color: purple;
        }
        #xian{
            width:100%;
            height:3px;
            float:left;
            margin-top: -20px;
            background-color: rgb(83, 81, 81);
        }
        .ying{
            position: relative;
            overflow: hidden;
            width: 220px;
            height: 300px;
            float:left;
            margin:20px;
            background-color: #e5e5e5;
        }
        .ying #top{
            /* float: left; */
            width: 220px;
            height:240px;
            background-color: red;
        }
        .ying #bottom{
            width: 220px;
            height:6px;
            /* float:left; */
            background-color: pink;
        }
        .ying img{

            width: 220px;
            height:240px;
        }
        .ying input{
            position: absolute;
            z-index:999;
            border: 1px solid #eb002a;
            width: 220px;
            height:60px;
            font-size: 20px;
            background-color: #eb002a;
            color:white;
            cursor: pointer;
        }

        #cover{
            position: absolute;
            width: 220px;
            color:white;
            height: 300px;
            background-color:black;
            bottom:-300px;
            opacity: .6;
        }
        #cover p{
            margin:10px;
        }
        .ying:hover #cover{
        height:300px;
        bottom:0;
        transition: all .6s ease;
        }
        #guanying{
        overflow: hidden;
        width:1300px;
        height:900px;
        margin:0 auto;
        /* background-color: green; */
        }
        #guanying li{
            margin-top: 10px;
            float:left;
            height:39px;
            line-height: 39px;
            padding:0 20px;
            text-align:center;
            cursor:pointer;
            list-style: none;
            font-size: 25px;
        }
        .itemthree{
            margin:0 auto;
            margin-top:70px;
            width:1300px;
            height:800px;
            /* background-color: pink; */
        }
        #ccover{
            width: 220px;
            color:white;
            height: 310px;
            background-color:black;
            opacity: .6;
            margin-top: -250px;
            /* border-radius: 50%; */
        }
        #ccover h1{
            text-align: center;
            line-height: 280px;
            font-size: 50px;

        }
        .yying{
            position: relative;
            overflow: hidden;
            width: 220px;
            height: 300px;
            float:left;
            margin:20px;
            background-color: #e5e5e5;
        }
        .yying #top{
            /* float: left; */
            width: 220px;
            height:240px;
            background-color: red;
        }
        .yying #bottom{
            width: 220px;
            height:6px;
            /* float:left; */
            background-color: pink;
        }
        .yying img{

            width: 220px;
            height:240px;
        }
        .yying input{
            /* position: absolute; */
            /* z-index:999; */
            border: 1px solid #eb002a;
            width: 220px;
            height:60px;
            font-size: 20px;
            background-color: #eb002a;
            color:white;
            cursor: pointer;
        }
    </style>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="../../js/bootstrap.js"></script>
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.jsp">主页</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="../manage/releasemanage.jsp">上映管理 <span class="sr-only">(current)</span></a></li>
        <li><a href="../manage/studiomanage.jsp">影厅管理</a></li>
        <li><a href="../manage/filmmanagement.jsp">影片管理</a></li>
        <li><a href="../manage/ticketmanage.jsp">售票管理</a></li>
        <li><a href="../manage/usermanage.jsp">用户管理</a></li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="请输入查找关键字">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">反馈问题</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">个人管理 <span class="caret"></span></a>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="../manage/space.jsp">进入空间</a></li>
            <li><a href="">退出登录</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

    <div id="main">
        <a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="true" aria-controls="collapseExample">
          正在热映
        </a>
        <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample">
          即将上映
        </button>
        <!-- 正在热映 -->
        <div class="collapse" id="collapseExample">
<!--        <div>-->
          <div class="well">

                    <div class="itemone" style="display:block;">
                        <div>
                        <form method="POST">
                            &nbsp&nbsp&nbsp&nbsp影片名称：<input type="name" name="name" class="aaa">
                            &nbsp&nbsp&nbsp&nbsp<input type="submit" value="查询" id="chaxun">
                        </form>
                        </div>
                        <div>
                            <!-- 按钮触发模态框 -->
                            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            </button>
                            <!-- 模态框（Modal） -->
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                &times;
                                            </button>
                                            <h4 class="modal-title" id="myModalLabel1">
                                                添加影片
                                            </h4>
                                        </div>
                                        <div class="modal-body">
                                            <form>
                                              <div class="form-group">
                                                <label>影片名称：</label>
                                                <input type="text" class="form-control" placeholder="影片名称">
                                              </div>
                                              <div class="form-group">
                                                <label>上映时间：</label>
                                                <input type="text" class="form-control" placeholder="上映时间">
                                              </div>
                                                <div class="form-group">
                                                <label>导演：</label>
                                                <input type="text" class="form-control" placeholder="导演">
                                              </div>
                                                <div class="form-group">
                                                <label>主演：</label>
                                                <input type="text" class="form-control" placeholder="主演">
                                              </div>
                                                <div class="form-group">
                                                <label>语言：</label>
                                                <input type="text" class="form-control" placeholder="语言">
                                              </div>
                                                <div class="form-group">
                                                <label>时长：</label>
                                                <input type="text" class="form-control" placeholder="时长">
                                              </div>
                                                <div class="form-group">
                                                <label>类型：</label>
                                                <input type="text" class="form-control" placeholder="类型">
                                              </div>
                                              <div class="form-group">
                                                <label for="exampleInputFile">影片封面：</label>
                                                <input type="file" id="exampleInputFile">
                                                <p class="help-block">Example block-level help text here.</p>
                                              </div>
                                            </form>
                                            <button type="button" class="btn btn-primary">
                                                提交
                                            </button>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                            </button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>

                        </div>


                        <table class="table table-hover">
                            <thead>
                                <tr style="height: 12px;">
                                    <th>影片id</th>
                                    <th>影片名称</th>
                                    <th>上映时间</th>
                                    <th>导演</th>
                                    <th>主演</th>
                                    <th>语言</th>
                                    <th>时长</th>
                                    <th>类型</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                            </div>
                    </div>
          </div>
        <!--  即将上映-->
        <div class="collapse" id="collapseExample1">
          <div class="well">
                    <div class="itemone" style="display:block;">
                        <div>
                        <form method="POST">
                            &nbsp&nbsp&nbsp&nbsp影片名称：<input type="name" name="name" class="aaa">
                            &nbsp&nbsp&nbsp&nbsp<input type="submit" value="查询" id="">
                        </form>
                        </div>
                        <div>
                            <!-- 按钮触发模态框 -->
                            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            </button>
                            <!-- 模态框（Modal） -->
                            <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                &times;
                                            </button>
                                            <h4 class="modal-title" id="myModalLabel">
                                                添加影片
                                            </h4>
                                        </div>
                                        <div class="modal-body">
                                            <form>
                                              <div class="form-group">
                                                <label>影片名称：</label>
                                                <input type="text" class="form-control" placeholder="影片名称">
                                              </div>
                                              <div class="form-group">
                                                <label>上映时间：</label>
                                                <input type="text" class="form-control" placeholder="上映时间">
                                              </div>
                                                <div class="form-group">
                                                <label>导演：</label>
                                                <input type="text" class="form-control" placeholder="导演">
                                              </div>
                                                <div class="form-group">
                                                <label>主演：</label>
                                                <input type="text" class="form-control" placeholder="主演">
                                              </div>
                                                <div class="form-group">
                                                <label>语言：</label>
                                                <input type="text" class="form-control" placeholder="语言">
                                              </div>
                                                <div class="form-group">
                                                <label>时长：</label>
                                                <input type="text" class="form-control" placeholder="时长">
                                              </div>
                                                <div class="form-group">
                                                <label>类型：</label>
                                                <input type="text" class="form-control" placeholder="类型">
                                              </div>
                                              <div class="form-group">
                                                <label for="exampleInputFile">影片封面：</label>
                                                <input type="file" id="exampleInputFile">
                                                <p class="help-block">Example block-level help text here.</p>
                                              </div>
                                            </form>
                                            <button type="button" class="btn btn-primary">
                                                提交
                                            </button>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                            </button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>

                        </div>
                        <table class="table table-hover">
                            <thead>
                                <tr style="height: 12px;">
                                    <th>影片id</th>
                                    <th>影片名称</th>
                                    <th>上映时间</th>
                                    <th>导演</th>
                                    <th>主演</th>
                                    <th>语言</th>
                                    <th>时长</th>
                                    <th>类型</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>001</td>
                                    <td>致命情人</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr><tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                                <tr>
                                    <td>001</td>
                                    <td>致命猎手</td>
                                    <td>2020/10/25</td>
                                    <td>安迪</td>
                                    <td>安德森 徐咪</td>
                                    <td>英语</td>
                                    <td>144</td>
                                    <td>动作/喜剧</td>
                                    <td>
    <!--                                    <button type="button" class="btn btn-default btn-lg">-->
                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-edit" aria-hidden="true"></a>
                                          <a class="glyphicon glyphicon-option-vertical" aria-hidden="true"></a>

                                          <a href="/manager/del_student/?del_id={{ row.Sno }}" class="glyphicon glyphicon-trash" aria-hidden="true"></a>
    <!--                                    </button>-->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
          </div>
        </div>


        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
        $('#myModal').on('shown.bs.modal', function () {
          $('#myInput').focus()
        })
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

    var left = document.getElementById('left');
        var lis = left.querySelectorAll('li');
        var items = document.querySelectorAll('.item');

        for(var i = 0;i<lis.length;i++){
            lis[i].setAttribute('index',i);
            lis[i].onclick = function (){
                for(var i =0;i<lis.length;i++){
                    lis[i].className = '';
                }
                this.className = 'current';
                var index = this.getAttribute('index');
                for(var i = 0;i<items.length;i++){
                    items[i].style.display = 'none';
                }
                items[index].style.display = 'block';
            }
        }

    var lis = document.getElementById('head').querySelectorAll('li');
        var items = document.getElementById('main').querySelectorAll('.item');

        for(var i = 0;i<lis.length;i++){
            lis[i].setAttribute('index',i);
            lis[i].onclick = function (){
                for(var i =0;i<lis.length;i++){
                    lis[i].className = '';
                }
                this.className = 'current';
                var index = this.getAttribute('index');
                for(var i = 0;i<items.length;i++){
                    items[i].style.display = 'none';
                }
                items[index].style.display = 'block';
            }
        }
        window.addEventListener('load',function(){
        var box = document.querySelector('#lunbotu');
        var ul = box.querySelector('ul');
        var uli = box.querySelectorAll('li');
        var img = document.querySelector('img');
        var ol = document.querySelector('ol');
        var left = document.querySelector('#left');
        var right = document.querySelector('#right');
        var boxWidth = box.offsetWidth;


        //box
        box.addEventListener('mouseenter',function(){
            left.style.display = 'block';
            right.style.display = 'block';
            clearInterval(timer);
        })
        box.addEventListener('mouseleave',function(){
            left.style.display = 'none';
            right.style.display = 'none';
            timer = setInterval(function(){
                right.click();
            },2000);
        })



        //小圈圈
        for(var i = 0;i<uli.length;i++){
            var oli = document.createElement('li');
            ol.appendChild(oli);
            oli.setAttribute('index',i);
            oli.addEventListener('click',function(){
                for(var i = 0;i<ol.children.length;i++){
                    ol.children[i].className='';
                }
                this.className = 'current';

                var index = this.getAttribute('index');
                circle = index;
                num = index;
                animate(ul,-index*boxWidth);
            })
        }
        ol.children[0].className = 'current';
        var first = ul.children[0].cloneNode(true);
        ul.appendChild(first);


        //左右键
        var num = 0;
        var circle = 0;
        right.addEventListener('click',function(){
            if(num ==ul.children.length-1){
                ul.style.left = 0;
                num = 0;
            }
            num++;
            animate(ul,-num * boxWidth);


            circle++;
            if(circle == ul.children.length-1){
                circle =0;
            }
            for(var i = 0;i<ol.children.length;i++){
                ol.children[i].className = '';
            }
            ol.children[circle].className='current';


        })
        left.addEventListener('click',function(){
            if(num == 0){
                ul.style.left = (ul.children.length-1)*boxWidth;
            }
            num--;

            circle--;
            if(circle <0){
                circle = ol.children.length -1;
            }
            for(var i = 0;i<ol.children.length;i++){
                ol.children[i].className = '';
            }
            ol.children[circle].className='current';
            animate(ul,-num*boxWidth);
        })
        var timer = setInterval(function(){
            right.click();
        },8000)



        function animate(obj,target){
            clearInterval(obj.timer);
            obj.timer = setInterval(function(){
                var step = (target - obj.offsetLeft) / 10;
                step = step > 0? Math.ceil(step) : Math.floor(step);
                if(obj.offsetLeft == target){
                    clearInterval(obj.timer);
                }
            obj.style.left = obj.offsetLeft + step + 'px';
            },20);
        }



    })

    var dianying = document.querySelector('#dianying');
    var li = dianying.querySelectorAll('li');
    var itemone = document.querySelectorAll('.itemone');
    for(var i = 0;i<li.length;i++){
            li[i].setAttribute('index',i);
            li[i].onclick = function (){
                for(var i =0;i<li.length;i++){
                    li[i].className = '';
                }
                this.className = 'currentt';
                var index = this.getAttribute('index');
                for(var i = 0;i<itemone.length;i++){
                   itemone[i].style.display = 'none';
                }
               itemone[index].style.display = 'block';
            }
        }
        var guanying = document.querySelector('#guanying');
        var lili = guanying.querySelectorAll('li');
        var itemthree = document.querySelectorAll('.itemthree');
        for(var i = 0;i<lili.length;i++){
                lili[i].setAttribute('index',i);
                lili[i].onclick = function (){
                    for(var i =0;i<lili.length;i++){
                        lili[i].className = '';
                    }
                    this.className = 'currentt';
                    var index = this.getAttribute('index');
                    for(var i = 0;i<itemthree.length;i++){
                    itemthree[i].style.display = 'none';
                    }
                itemthree[index].style.display = 'block';
                }
            }
</script>
</html>